{% extends 'IcsocUIBundle::page.html.twig' %}
{% block stylesheet %}
    {{ parent() }}
    {% stylesheets
    '@IcsocUIBundle/Resources/public/css/bootstrap.my.css'
    '@gritter_css'
    filter='cssrewrite' filter='uglifycss'
    %}
    <link rel="stylesheet" href="{{ asset_url }}" />
    {% endstylesheets %}
{% endblock %}
{% block content %}
    <div class="row">
        {% for cg in config %}
            <div class="col-md-6" style="margin: 250px auto; text-align: center">
                <span style="font-size: 50px">{{ cg.name }}</span><br/>
                <span id="quenum_{{ cg.id }}" style="font-size: 180px">0</span>
            </div>
        {% endfor %}
    </div>
{% endblock %}
{% block footer %}
    <script type="text/javascript">
        $(document).ready(function(){
            getData();
        });
        setInterval('getData()', 3000);
        function getData() {
            $.ajax({
                url:"{{ path('icsoc_monitor_screen_queuenum') }}",
                type:"post",
                dataType:'json',
                success:function(responce){
                    for(res in responce) {
                        $('#'+res).text(responce[res]);
                    }
                }
            })
        }
    </script>
{% endblock %}